import React, {PureComponent} from "react";
import shareItem from "../sass/shareItem.scss";

export default class ShareItem extends PureComponent {
    constructor(props) {
        super(props);
    }

    render() {
        const iconSTyle = {
            backgroundImage: "url(" + this.props.shareItemImg + ")"
        };
        return (
            <li
                className={shareItem.shareItem}
                data-share-type={this.props.shareItemType}
                onClick={this.props.clickFun}
            >
                <div className={shareItem.backgroundIcon} style={iconSTyle} />
                <p>{this.props.shareItemTitle}</p>
            </li>
        );
    }
}
